package com.nadina.shaerd.client;

import com.google.gwt.user.client.ui.Button;
import com.google.gwt.user.client.ui.Composite;
import com.google.gwt.user.client.ui.HTML;
import com.google.gwt.user.client.ui.HasHorizontalAlignment;
import com.google.gwt.user.client.ui.HasVerticalAlignment;
import com.google.gwt.user.client.ui.HorizontalPanel;
import com.google.gwt.user.client.ui.Image;
import com.google.gwt.user.client.ui.TextBox;
import com.google.gwt.user.client.ui.VerticalPanel;

public class Banner extends Composite{

    HorizontalPanel mainPanel;

    public Banner() {

        mainPanel=new HorizontalPanel();
        mainPanel.setWidth("84%");
        mainPanel.setHeight("81px");
        mainPanel.setStyleName("banner-style");

        initWidget(mainPanel);

        Image image=new Image("image/elkashaf-logo.png");
        image.setStyleName("logo");
        mainPanel.add(image);
        mainPanel.setCellHorizontalAlignment(image, HasHorizontalAlignment.ALIGN_RIGHT);
        
        HorizontalPanel panel=new HorizontalPanel();
        panel.setSpacing(0);
        panel.setSize("60%", "");
        mainPanel.add(panel);
        mainPanel.setCellVerticalAlignment(panel, HasVerticalAlignment.ALIGN_MIDDLE);        
       

        VerticalPanel panel2=new VerticalPanel();
        panel2.setSpacing(0);
        HTML html_1=new HTML("اسم المسنخدم");
        html_1.setStyleName("banner-title");
        TextBox textBox=new TextBox();
        panel2.add(html_1);
        panel2.setCellHorizontalAlignment(html_1, HasHorizontalAlignment.ALIGN_RIGHT);
        panel2.add(textBox);
        panel.add(panel2);
        panel.setCellHorizontalAlignment(panel2, HasHorizontalAlignment.ALIGN_RIGHT);
        panel.setCellWidth(panel2, "3%");

        VerticalPanel panel3=new VerticalPanel();
        panel3.setSpacing(0); 
        HTML html_2=new HTML("كلمة السر");
        html_2.setStyleName("banner-title");
        TextBox textBox2=new TextBox();
        panel3.add(html_2);
        panel3.setCellHorizontalAlignment(html_2, HasHorizontalAlignment.ALIGN_RIGHT);
        panel3.add(textBox2);
        panel.add(panel3);
        panel.setCellHorizontalAlignment(panel3, HasHorizontalAlignment.ALIGN_RIGHT);
        panel.setCellWidth(panel3, "5%");
        
        VerticalPanel panel4=new VerticalPanel();
        panel4.setSpacing(0);
        HTML html_3=new HTML("&nbsp;");
        Image button=new Image("image/upper log in-button.jpg");
        panel4.add(html_3);
        panel4.add(button);
        panel.add(panel4);
        panel.setCellHorizontalAlignment(panel4, HasHorizontalAlignment.ALIGN_RIGHT);
        panel.setCellWidth(panel4, "21%");

    }
}
